import Vue from 'vue';
import App from './App.vue';
import store from '@/store'

// 引入路由
import VueRouter from 'vue-router'
// 引入路由对象
import router from './router';
import Myglobalcom from '@/components/Myglobalcom'
// 引入element-ui 组件库
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import myelement from '@/utils/myelement'
// 面试题? Vue.use() 干了什么?
// 调用该参数对象中的install方法, 在install方法中全局注册组件, 这样可以在任意一个页面中使用该插件了
Vue.use(ElementUI); // 使用插件  
Vue.use(myelement)
Vue.use(VueRouter)
// 全局注册组件
Vue.component('myglobal', Myglobalcom)

// 注册一个全局自定义指令
Vue.directive('myfocus', {
  inserted(el) {
    console.log('el', el);
    el.focus()
  }
})


// 封装一个按钮权限指令
// Vue.directive('permission', {
//   inserted(el) {
//     let roles = ['1', '3', '5'];
//     let currentRole = localStorage.getItem('role');
//     console.log('currentRole', currentRole);
//     if (roles.includes(currentRole)) {
//       el.disabled = true
//     } else {
//       el.disabled = false
//     }
//   }
// })

// 注册一个全局过滤器
Vue.filter('formatmoney', (data, num) => {
  return `$${data.toFixed(num)}元`
})


// 创建一个根实例  输出的结果就是 Vue

// setTimeout(() => {

const app = new Vue({
  router,
  store,
  render: h => h(App),
}).$mount('#app')

//   // console.log('app', app);
// }, 1000)
